<tab [lists] = "subLists" [activeTab]="activeTabIndex" [tabClicked]="tabClicked" [change]="mustChange" (tabToggle)="tabToggle($event)"></tab>
<div class="segment-container" #f10Content (scroll)="scrollEvent($event, f10Content, el1, el2)">
  <div class="segment sub-title-0" #el1>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[0].label}}</p>
    <div class="seg-body">
      <div class="doughnut-chart">
        <doughnut [data]="doughnutData | async"></doughnut>
        <!--<draw-chart [data]="doughnutData | async"></draw-chart>-->
      </div>
      <table-scroll [header]="sharestructHeader" [data]="sharestructData | async" [tdClickedKey]="tdClickedKey" (toggleDoughnutChart)="toggleChart($event)"></table-scroll>
    </div>
  </div>
  <div class="segment sub-title-1" #el2>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[1].label}}</p>
    <div class="seg-body">
      <table-simple [data]="unfreezeStockData | async" [header]="unfreezeStockHeader"></table-simple>
    </div>
  </div>
  <!--<disclaimer></disclaimer>-->
</div>